<template>
  <div>
    <!-- table数据转换  -->
    <!-- gender=-1:保密 -->
    <!-- 封装抽离性别转换的规则
          单独封装成一个js,
          规则：[
              {
                label:'男',
                value:1
              },
              {
                label:'女',
                value:0
              },
          ]
          导入使用规则
          枚举数据处理
    -->
    <h3>用户性别：{{ getLabel(gender) }}</h3>
    <el-table :data="list">
      <el-table-column label="姓名" prop="name" />
      <el-table-column
        label="性别"
        prop="gender"
        :formatter="formatterGender"
      />
    </el-table>
  </div>
</template>
<script>
import { getLabel } from '@/api/gender'
export default {
  data() {
    return {
      getLabel,
      gender: -1,
      list: [
        {
          name: '张三',
          gender: 1 // 男
        },
        {
          name: '李四',
          gender: 0 // 女
        }
      ]
    }
  },
  methods: {
    formatterGender(row, column, value, index) {
      return getLabel(value)
    }
  }
}
</script>
<style></style>
